<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <title>银通前海金融资产交易中心</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <link href="bootstrap/v5.3.0/css/bootstrap.css" rel="stylesheet"> -->
    <!-- <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" /> -->
    <style>
        .headerClass {
            padding-right: 0;
            align-items: stretch !important;
        }

        .searchForm {
            display: flex;
            min-width: 260px;
            position: relative;
        }

        .rightLiClass {
            cursor: pointer;
            height: 100%;
            min-width: 110px;
            text-align: center;
        }

        .mbClass {
            display: none;
            cursor: pointer;
        }

        .searchForm button {
            /*background: url(./seach-1.png) no-repeat center;
                height: 45px;
                width: 45px;
                border: none;*/

            /*            height: 100%;*/
            /*            width: 15%;*/
            /* height: 35px; */
            height: 65px;
            width: 33.63px;
            overflow: hidden;
            cursor: pointer !important;
            background: url(./img/icon-search@2x.png) no-repeat center;
            border: none;
            background-size: 33px auto;
            position: absolute;
            right: 5px;
            padding: 0;
        }

        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus {
            outline: none;
            border: none;
            box-shadow: none;
        }

        .loginClass {
            background-image: linear-gradient(to bottom right, #B19069, #BFA782);
            color: #fff;
        }

        input:placeholder-shown {
            font-size: 14px;
            font-family: PingFangSC-Regular;
        }

        .platformServiceClas{
            height: 300px;
            background: url(./img/platform_service.png) -24px -20px no-repeat;
            background-size: 928px 348px;
            width: 880px;
        }
		.title {
            height: 22px;
		    overflow-wrap: break-word;
		    color: rgba(0, 60, 125, 1);
		    font-size: 16px;
		    font-family: PingFangSC-Medium;
		    font-weight: 500;
		    text-align: left;
		    white-space: nowrap;
		    line-height: 22px;
		    margin-top:16px;
		    margin-bottom: 4px;
        }

        .pls-nav-p-menu-card-hd {
            /* height: 20px; */
            height: 36px;
            cursor: pointer;
            padding-top: 8px;
            padding-bottom: 8px ;
        }
        .pls-nav-p-menu-card-hd a {
            text-decoration: none;
            line-height: 20px;
            color: rgba(24, 24, 24, 1);
		    font-size: 14px;
		    font-family: PingFangSC-Regular;
        }
        .pls-nav-p-menu-card-hd a:hover,.pls-nav-p-menu-card-hd a:focus {
            /* text-decoration: none; */
            color: #2B6491;
            background-color: #fff;
        }

        .my-dropdown-toggle::after {
            content: none;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        /* .pcHeader .dropdown-item:focus, .pcHeader .dropdown-item:hover {
            color: #2B6491;
            background-color: #FFF;
            color: #2B6491;
            background-color: var(--bs-dropdown-link-hover-bg);
        } */

        .pcHeader ul.me-auto .nav-item{
            padding-left: 8px;
            padding-right: 8px;
        }

        .pcHeaderNavSelect {
            color: rgba(24, 24, 24, 1);
            font-size: 16px;
            font-family: PingFangSC-Regular;
            height: 22px;
            line-height: 22px;
            padding: 0;
        }
        .pcHActive {
            color: rgba(0, 60, 125, 1);
            font-weight: 600;
            font-family: PingFangSC-Semibold;
        }

        @media screen and (min-width: 1232px) and (max-width: 1290px){
            .pcHeader ul.me-auto .nav-item{
                padding-left: 4px;
                padding-right: 4px;
            }
        }

        @media screen and (min-width: 1191px) and (max-width: 1231px){
            .pcHeader ul.me-auto .nav-item{
                padding-left: 0px;
                padding-right: 0px;
            }
        }

        @media (max-width: 1190px) {
            .searchForm {
                min-width: 33.63px;
                height: 35px;
            }

            .form-control {
                display: none;
            }

            .searchForm button {
                background-size: 35px auto;
                right: -14px;
            }
            .pcHeader ul.me-auto .nav-item{
                padding-left: 3px;
                padding-right: 3px;
            }
        }

        @media (max-width: 991px) {

            /*        @media (max-width: 767px) {*/
            .searchForm {
                display: none;
            }

            .rightLiClass {
                min-width: auto;
            }

            .myLogin {
                float: right;
                position: absolute;
                top: 0;
                right: 64px;
                flex-direction: row;
            }

            .myLogin li {
                padding: 15px 0px
            }

            .mbClass {
                display: block;
            }

            .showClass {
                display: none;
            }

            .loginClass {
                background: none;
                color: dimgrey;
            }

            .hideClass {
                display: none;
            }

            .pcHeader {
                display: none!important;
            }
            .mbHeader{
                display: block!important;
            }
        }

        /*====================mobile css start====================*/
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .mbHeader {
            height: 50px;
            position: relative;
            z-index: 999;
            display:none;
        }

        .mbHFixed {
            position: fixed !important;
            top: 0;
            width: 100%;
        }
        .mbHeader .mbH-nav {
            position: fixed;
            z-index: 10000;
            left: 0;
            right: 0;
        }
        .mbHeader .mbHeader-top {
            height: 50px;
            border-bottom: 1px solid #ecf4f7;
        }
        
        .mbHContainer {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        .mbHRow {
            margin-right: -15px;
            margin-left: -15px;
        }
        .mbH-left {
            float: left;
        }
        .mbH-right {
/*            width: 16.5%!important;*/
            height: 49px;
        }
        
        .mbH-padding-level {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        
        .mbHeader a {
            text-decoration: none;
            background-color: transparent;
        }
        .force-float-right {
            float: right!important;
        }
        .mbH-icon {
            height: 100%!important;
/*            padding: 10% 0;*/
            display: flex;
            align-items: center;
        }
        /* .mbH-icon-menu {
            display: inline-block;
            margin-right: 8px;
        } */
        .mbH-icon-menu {
		    display: inline-block;
/*		    background-image: url(./img/menu.png);*/

			width: 25px;
/*		    height: 20px;*/
			margin-right: 15px;
			margin-left: 8px;
		}
        .mbH-icon-menu div {
		  /* 设置汉堡按钮三层条 */
		  width: 25px;
		  height: 3px;
		  background-color: #36528b;
		  margin: 4px;
		}
        /* 汉堡按钮被点开时，设置按钮过渡 */
		.mbH-icon-menu.mbH-icon-active div {
			transition: 0.3s ease-in-out 0.3s;
		}

		/* 第一条线旋转45度 */
		.mbH-icon-menu.mbH-icon-active .top-line {
			transform: rotate(45deg) translate(4px, 6px);
		}

		/* 第三条线旋转-45度 */
		.mbH-icon-menu.mbH-icon-active .bottom-line {
			transform: rotate(-45deg) translate(4px, -6px);
		}

		/* 中间线向右移动并变为透明 */
		.mbH-icon-menu.mbH-icon-active .middle-line {
			opacity: 0;
			transform: translateX(10px);
			transition: 0.3s ease-in-out;
		}

        #mbHSearch {
            position: relative;
            z-index: 10;
            cursor: pointer;
            display: inline-block;
        }
        /*.mbHeader .mbHeader-top .mbH-icon-search, .mbHeader .mbHeader-top .mbH-icon-menu {
		    width: 20px;
		    height: 20px;
		    margin-left: 15px; 
		}*/
		.mbHeader .mbHeader-top .mbH-icon-search{
		    width: 20px;
		    height: 20px;
		    margin-left: 15px; 
		}
        .mbH-icon-search {
            background-image: url(./img/seach-2.png);
        }
        *[class^=mbH-icon-] {
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }
        /* .mbH-icon-menu {
            background-image: url(./img/menu.png);
        } */

        /*@media screen and (max-width: 414px) {
            .mbH-icon {
                padding:20% 0!important
            }

            .mbH-icon .mbH-icon-menu,.mbH-icon .mbH-icon-search {
                margin-left: 10px!important
            }

            .mbH-right {
                width: 25%!important
            }
        }

        @media screen and (min-width: 415px) and (max-width:768px) {
            .mbH-icon {
                padding:20% 0!important
            }
        }*/
        .mbHeader .mbH-nav {
            top: 50px;
            bottom: 0;
            overflow: auto;
            display: none;
            background-color: #fff;
            -webkit-overflow-scrolling: touch;
        }
        .mbH-show {
            display: block!important;
        }
        .mbHeader .mbH-nav ul {
            padding: 0;
            margin: 0;
            text-align: left;
        }
        .mbHeader .mbH-nav ul li {
            padding: 0;
            margin: 0;
            display: block;
            list-style: none;
        }
        .mbHeader .mbH-nav ul li .mbH-top {
            display: block;
            color: #333;
            line-height: 50px;
            border-bottom: 1px solid #ecf4f7;
            padding: 0 20px;
            position: relative;
            font-size: 14px;
        }
        
        .mbHeader .mbH-nav ul li .mbH-sub {
            display: none;
        }
        .mbHeader .mbH-nav ul li:not(:first-child).mbHActi .mbH-top::after {
            background-image: url(./img/arr-2.png);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two>li:first-child::after,
        .mbH-submenu-container .mbH-nav ul li:not(:first-child) .mbH-top::after {
            content: '\20';
            display: block;
            width: 10px;
            height: 10px;
            background: url(./img/arr-1.png) no-repeat center;
            background-size: contain;
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -5px;
        }
        .mbHeader .mbH-nav ul li.mbHActi .mbH-top {
            background-color: #2673c3;
            color: #fff;
        }
        .mbH-submenu-container .mbH-nav ul li {
            padding: 0;
            margin: 0;
            display: block;
            list-style: none;
        }
        .mbH-submenu-container .mbH-nav ul li.mbHActi .mbH-sub {
            display: block;
            border: 1px solid #C9DAEA;
        }
        .mbH-submenu-container {
            display: block;
            width: 100%;
            z-index: 10
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-one li, .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two li:first-child {
            line-height: 40px;
            border-bottom: 1px solid #ecf4f7;
            padding-left: 20px;
            padding-right: 5px;
            position: relative;
            display: block;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-one li a, .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two li:first-child a {
            color: #666;
            font-size: 13px;
            margin-left: 0 !important;
        }
        .mbH-submenu-container .mbH-nav ul {
            padding: 0;
            margin: 0;
            text-align: left;
        }
        .mbH-menu-list ul ul {
            list-style-type: circle;
            margin-block-start: 0px;
            margin-block-end: 0px;
            margin-bottom: 0;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two li {
            display: none;
            font-size: 12px;
            line-height: 40px;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two li:first-child.mbHActi::after {
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-second-menu>li:first-child a {
            padding-left: 20px;
            display: inline-block;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two li.mbHActi~ul {
            display: block;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two>li:hover {
            background-color: #c9daea;
        }
        .mbH-submenu-container .mbH-nav ul li .mbH-sub .mbH-menu-two ul {
            display: none;
            font-size: 12px;
            line-height: 40px;
        }
        /*====================mobile css end====================*/
    </style>
    <!-- <script src="bootstrap/v5.3.0/js/bootstrap.js"></script> -->
    <!-- <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script> -->
</head>

<body>
    <nav class="pcHeader navbar navbar-expand-lg bg-Light" style="padding: 0;">
        <div class="container-fluid headerClass">
            <a class="navbar-brand" href="javascript:void(0)" style="padding: 10px 0;">
                <img style="height: 45px;" alt="" src="./img/logo_com.png" />
            </a>
            <!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
                <span class="navbar-toggler-icon"></span>
            </button> -->
            <!-- <div class="collapse navbar-collapse" id="mynavbar"> -->
            <div class="navbar-collapse">
                <ul class="navbar-nav me-auto" style="height: 100%;">
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcIndexNavId" class="pcHeaderNavSelect nav-link" href="index2.html">首页</a>
                    </li>
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcPlatformServiceNavId" class="pcHeaderNavSelect nav-link dropdown-toggle my-dropdown-toggle" href="index4.html" data-bs-toggle="">平台服务</a>
                        <div class="dropdown-menu" style="padding: 0; border-radius: inherit;border: 0;box-shadow: 0 0 15px rgb(0 0 0 / 20%);top: 62px;">
                            <div class="platformServiceClas">
                                <div style="text-align: left;padding-top:16px;padding-left:32px;display: flex;flex-wrap: wrap;">
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span>资产挂牌</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">对公挂牌</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">零售挂牌</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >资产招商</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">招商公告</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">机构招商专区</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >网络竞价</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">竞价公告</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">网络竞价中心</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">网络竞价规则</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >网络拍卖</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">拍卖公告</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">网络拍卖中心</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">网络拍卖规则</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >交易方案定制</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">XXXX案例</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">XXXX案例</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >风险化解（类投行）</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">XXXX案例</a></div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">XXXX案例</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >市场化债转股</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">债转股案例</a></div>
                                        </div>
                                    </div>
                                    <div style="flex-basis: 25%;">
                                        <div class="title">
                                            <span >跨境业务</span>
                                        </div>
                                        <div>
                                            <div class="pls-nav-p-menu-card-hd"><a href="#">跨境业务案例</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcAnncNavId" class="pcHeaderNavSelect nav-link dropdown-toggle my-dropdown-toggle" href="index5.html">公告中心</a>
                        <ul class="dropdown-menu" style="padding: 10px 0;min-width: auto;border-radius: inherit;border: 0;box-shadow: 0 0 15px rgb(0 0 0 / 20%);top: 62px;">
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">对公挂牌公告</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">零售挂牌公告</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">招商公告</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">竞价公告</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">拍卖公告</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">其他公告</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcOrgNavId" class="pcHeaderNavSelect nav-link" href="index6.html">机构专区</a>
                        <ul class="dropdown-menu" style="padding: 10px 0;min-width: auto;border-radius: inherit;border: 0;box-shadow: 0 0 15px rgb(0 0 0 / 20%);top: 62px;">
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">长城招商专区</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">东方招商专区</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">粤财招商专区</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">厦门国际银行招商专区</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcMemberNavId" class="pcHeaderNavSelect nav-link" href="index7.html">会员专区</a>
                        <ul class="dropdown-menu" style="padding: 10px 0;min-width: auto;border-radius: inherit;border: 0;box-shadow: 0 0 15px rgb(0 0 0 / 20%);top: 62px;">
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">入会指南</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">会员信息变更指南</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">会员制度</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown flex-column justify-content-center" style="display: flex;">
                        <a id="pcAboutMeNavId" class="pcHeaderNavSelect nav-link" href="index8.html">关于我们</a>
                        <ul class="dropdown-menu" style="padding: 10px 0;min-width: auto;border-radius: inherit;border: 0;box-shadow: 0 0 15px rgb(0 0 0 / 20%);top: 62px;">
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">公司介绍</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">公司动态</a></li>
                            <li class="pls-nav-p-menu-card-hd"><a class="dropdown-item" href="#">联系我们</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <form class="searchForm">
                <input class="form-control" style="background:rgba(0, 60, 125, 0.06);border-radius: inherit;" type="text"
                    placeholder="输入关键字检索相关内容">
                <!-- <button class="btn btn-primary" type="button">Search</button> -->
                <button type="button" onclick="toSearch();"></button>
            </form>
            <ul class="navbar-nav  myLogin" style="align-items: center;">
                <li class="nav-item">
                    <!-- <a class="nav-link hideClass" href="javascript:void(0)">成为会员</a> -->
                    <img class="mbClass" style="width: 30px;padding-top: 3px;" alt="" src="./img/icon-search.png">
                </li>
                <li class="nav-item nav flex-column justify-content-center rightLiClass">
                    <div><a style="color:#181818; font-size: 16px;font-family: PingFangSC-Regular;" class="nav-link hideClass" href="javascript:void(0)">成为会员</a></div>
                    <svg class="mbClass" t="1686187745351" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="2402" width="30" height="30">
                        <path
                            d="M488.510518 530.87079c73.438593-35.773761 124.139322-110.952998 124.139322-198.077288 0-121.746832-98.697883-220.444714-220.442668-220.444714-121.749902 0-220.443691 98.697883-220.443691 220.444714 0 87.12429 50.700729 162.303526 124.135228 198.077288C168.086741 569.725726 73.47799 683.899068 62.959426 821.72204c-0.917906 2.203178-1.422396 4.544503-1.422396 7.073092 0 10.148128 8.224312 18.371416 18.368346 18.371416 10.149151 0 18.373463-8.223289 18.373463-18.371416l0.916882 0c9.55154-153.714917 136.860041-275.55487 293.006334-275.55487 156.101267 0 283.457864 121.839953 293.006334 275.55487l0.916882 0c0 10.197246 8.223289 18.371416 18.373463 18.371416 10.151197 0 18.368346-8.223289 18.368346-18.371416 0-2.52859-0.550539-4.820796-1.424442-7.023974C710.930213 683.899068 616.322485 569.725726 488.510518 530.87079L488.510518 530.87079 488.510518 530.87079zM208.501196 332.793502c0-101.403504 82.250282-183.701882 183.701882-183.701882 101.406574 0 183.659927 82.298378 183.659927 183.701882 0 101.496625-82.253352 183.751001-183.659927 183.751001C290.751478 516.544503 208.501196 434.290127 208.501196 332.793502L208.501196 332.793502 208.501196 332.793502zM886.780267 821.72204C876.264772 683.899068 781.656021 569.725726 653.891126 530.87079c73.391521-35.773761 124.094296-110.952998 124.094296-198.077288 0-121.704876-98.652857-220.444714-220.399689-220.444714-10.150174 0-20.024056 0.917906-29.712719 2.25332 16.255219 10.148128 31.504528 21.903869 45.007053 35.31225 94.287433 7.760754 168.407548 86.668918 168.407548 182.879144 0 95.943143-73.615625 174.517709-167.447686 182.783976 1.287319 3.079128 2.022053 6.5246 2.022053 10.110265 0 1.237177-0.500397 2.289136-0.689708 3.397377 16.257266 9.410324 31.918967 19.747763 46.61876 31.502481 125.467573 28.063149 220.580814 136.25936 228.708935 268.208555l0.918929 0c0 10.197246 8.268314 18.371416 18.370393 18.371416 10.196223 0 18.370393-8.223289 18.370393-18.371416C888.202663 826.266543 887.653147 823.925219 886.780267 821.72204L886.780267 821.72204 886.780267 821.72204zM886.780267 821.72204"
                            fill="#272636" p-id="2403"></path>
                    </svg>
                </li>
                <li class="nav flex-column justify-content-center loginClass rightLiClass">
                    <div><a style="color:#FFFFFF;font-size: 16px;font-family: PingFangSC-Medium;" class="nav-link  showClass" href="index9.html">登录</a></div>
                    <svg class="mbClass" focusable="false" preserveAspectRatio="xMidYMid meet"
                        xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="30" height="30"
                        viewBox="0 0 32 32">
                        <path
                            d="M16 4a5 5 0 11-5 5 5 5 0 015-5m0-2a7 7 0 107 7A7 7 0 0016 2zM26 30H24V25a5 5 0 00-5-5H13a5 5 0 00-5 5v5H6V25a7 7 0 017-7h6a7 7 0 017 7z">
                        </path>
                    </svg>
                </li>
            </ul>
        </div>
    </nav>

    <div class="mbHeader">
        
        <div class="mbHeader-top" style="background: #fff;">


            <div class="mbHContainer">
                
                <div class="mbHRow">
                    <div class="mbH-left">
                        <div>
                            <a href="#" target="_top">
                                <img alt="" src="./img/logo_com.png" style="height: 45px;padding: 5px 0;" />
                            </a>
                        </div>
                    </div>
                    <div class="force-float-right mbH-right">
                        <div class="mbH-icon">
                            <div id="mbHSearch" class="mbH-icon-search force-float-right"></div>
                            <svg style="margin-left: 8px;" t="1686187745351" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2402" width="30" height="30">
                                <path
                                    d="M488.510518 530.87079c73.438593-35.773761 124.139322-110.952998 124.139322-198.077288 0-121.746832-98.697883-220.444714-220.442668-220.444714-121.749902 0-220.443691 98.697883-220.443691 220.444714 0 87.12429 50.700729 162.303526 124.135228 198.077288C168.086741 569.725726 73.47799 683.899068 62.959426 821.72204c-0.917906 2.203178-1.422396 4.544503-1.422396 7.073092 0 10.148128 8.224312 18.371416 18.368346 18.371416 10.149151 0 18.373463-8.223289 18.373463-18.371416l0.916882 0c9.55154-153.714917 136.860041-275.55487 293.006334-275.55487 156.101267 0 283.457864 121.839953 293.006334 275.55487l0.916882 0c0 10.197246 8.223289 18.371416 18.373463 18.371416 10.151197 0 18.368346-8.223289 18.368346-18.371416 0-2.52859-0.550539-4.820796-1.424442-7.023974C710.930213 683.899068 616.322485 569.725726 488.510518 530.87079L488.510518 530.87079 488.510518 530.87079zM208.501196 332.793502c0-101.403504 82.250282-183.701882 183.701882-183.701882 101.406574 0 183.659927 82.298378 183.659927 183.701882 0 101.496625-82.253352 183.751001-183.659927 183.751001C290.751478 516.544503 208.501196 434.290127 208.501196 332.793502L208.501196 332.793502 208.501196 332.793502zM886.780267 821.72204C876.264772 683.899068 781.656021 569.725726 653.891126 530.87079c73.391521-35.773761 124.094296-110.952998 124.094296-198.077288 0-121.704876-98.652857-220.444714-220.399689-220.444714-10.150174 0-20.024056 0.917906-29.712719 2.25332 16.255219 10.148128 31.504528 21.903869 45.007053 35.31225 94.287433 7.760754 168.407548 86.668918 168.407548 182.879144 0 95.943143-73.615625 174.517709-167.447686 182.783976 1.287319 3.079128 2.022053 6.5246 2.022053 10.110265 0 1.237177-0.500397 2.289136-0.689708 3.397377 16.257266 9.410324 31.918967 19.747763 46.61876 31.502481 125.467573 28.063149 220.580814 136.25936 228.708935 268.208555l0.918929 0c0 10.197246 8.268314 18.371416 18.370393 18.371416 10.196223 0 18.370393-8.223289 18.370393-18.371416C888.202663 826.266543 887.653147 823.925219 886.780267 821.72204L886.780267 821.72204 886.780267 821.72204zM886.780267 821.72204"
                                    fill="#272636" p-id="2403"></path>
                            </svg>
                            <svg style="margin-left: 8px;" focusable="false" preserveAspectRatio="xMidYMid meet"
                                xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="30" height="30"
                                viewBox="0 0 32 32">
                                <path
                                    d="M16 4a5 5 0 11-5 5 5 5 0 015-5m0-2a7 7 0 107 7A7 7 0 0016 2zM26 30H24V25a5 5 0 00-5-5H13a5 5 0 00-5 5v5H6V25a7 7 0 017-7h6a7 7 0 017 7z">
                                </path>
                            </svg>
                            <!-- <div class="mbH-icon-menu force-float-right"></div> -->
                            <div class="mbH-icon-menu">
                            	<div class="top-line"></div>
					            <div class="middle-line"></div>
					            <div class="bottom-line"></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

        <div class="mbH-submenu-container">
            <div class="mbH-nav">
                
                <div class="mbHContainer">

                    <div class="mbHRow">

                        <div class="mbH-menu-list mbH-padding-level">
                            <ul>
                                
                                <li class="">
                                    <a href="#" title="" target="_top" class="mbH-top">首页</a>
                                    <!-- <div class="mbH-sub"></div> -->
                                </li>
                                
                                <li>
                                    <a href="javascript:void(0)" title="" target="_top" class="mbH-top">平台服务</a>             
                                    <div class="mbH-sub">
                                        <div class="">
                                            <div class="">
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li>
                                                        <a href="javascript:void(0)" title="" target="_top" class="">资产挂牌</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu">
                                                        <!-- level 2 -->
                                                        <li>
                                                            <a href="#" title="" target="_top">对公挂牌</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="" target="_top">零售挂牌</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="javascript:void(0)" title="资产招商" target="_top" class="">资产招商</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#l" title="" target="_top">招商公告</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="地方政府债券" target="_top">机构招商专区</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">网络竞价中心</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu">
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="" target="_top">竞价公告</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li>
                                                            <a href="#" title="" target="_top">网络竞价中心</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu">
                                                        <!-- level 2 -->
                                                        <li>
                                                            <a href="#" title="" target="_top">网络竞价规则</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">网络拍卖中心</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu">
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="拍卖公告" target="_top">拍卖公告</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu">
                                                        <!-- level 2 -->
                                                        <li>
                                                            <a href="#" title="" target="_top">网络拍卖中心</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li>
                                                            <a href="#" title="" target="_top">网络拍卖规则</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">交易方案定制</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#l" title="" target="_top">对公挂牌</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="" target="_top">零售挂牌</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">风险化解（类投行）</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#l" title="" target="_top">招商公告</a>
                                                        </li>
                                                    </ul>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#" title="地方政府债券" target="_top">机构招商专区</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">市场化债转股</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#l" title="" target="_top">债转股案例</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                                <ul class="mbH-menu-two" >
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="javascript:void(0)" title="" target="_top" class="">跨境业务</a>
                                                    </li>
                                                    <ul class="mbH-menu-one mbH-second-menu" >
                                                        <!-- level 2 -->
                                                        <li >
                                                            <a href="#l" title="" target="_top">跨境业务案例</a>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                                <li >
                                    <a href="#" title="" target="_top" class="mbH-top">公告中心</a>
                                    <div class="mbH-sub">
                                        <div class="">
                                            <div class="">
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">对公挂牌公告</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="#" title="" target="_top" class="">零售挂牌公告</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">招商公告</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">竞价公告</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">拍卖公告</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">其他公告</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                
                                <li >
                                    <a href="#" title="" target="_top" class="mbH-top">机构专区</a>
                                    <div class="mbH-sub">
                                        <div class="">
                                            <div class="">
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">长城招商专区</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="#" title="" target="_top" class="">东方招商专区</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">粤财招商专区</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">厦门国际银行招商专区</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                                <li >
                                    <a href="#" title="" target="_top" class="mbH-top">会员专区</a>
                                    <div class="mbH-sub">
                                        <div class="">
                                            <div class="">
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">入会指南</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="#" title="" target="_top" class="">会员信息变更指南</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">会员制度</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                                <li >
                                    <a href="#" title="" target="_top" class="mbH-top">关于我们</a>
                                    <div class="mbH-sub">
                                        <div class="">
                                            <div class="">
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">公司介绍</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <!-- level 1 -->
                                                    <li >
                                                        <a href="#" title="" target="_top" class="">公司动态</a>
                                                    </li>
                                                </ul>
                                                <ul class="mbH-menu-one">
                                                    <li>
                                                        <a href="#" title="" target="_top" class="">联系我们</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/jquery-1.12.4.js"></script>

    <script type="text/javascript">
        ~function f() {

            $('.pcHeaderNavSelect').removeClass("pcHActive");

            $('#'+$('#headerNavSelect').val()).addClass("pcHActive");
            
            $(".mbH-icon-menu").on("click", function() {
                var p = $(".mbHeader", top.document);
                var o = $(".mbH-nav", top.document);
                // var q = $(".mw-page", top.document);
                o.toggleClass("mbH-show");
                p.toggleClass("mbHFixed");
                $(this).toggleClass("mbH-icon-active");
                // if (q.css("margin-top") == "90px" && $(window).width() < 769 && p.hasClass("mbHFixed")) {
                //     q.css("margin-top", "0px")
                // } else {
                //     if (q.css("margin-top") == "0px" && $(window).width() < 769 && !p.hasClass("mbHFixed")) {
                //         q.css("margin-top", "90px")
                //     }
                // }
            });

            // $(".mbH-icon-search").on("click", function(p) {
            //     p.preventDefault();
            //     p.stopPropagation();
            //     var s = $("#xmInfo");
            //     var o = s.parent();
            //     if (o.css("visibility") == "hidden") {
            //         o.css("visibility", "visible")
            //     } else {
            //         o.css("visibility", "hidden")
            //     }
            //     var r = s.attr("placeholder");
            //     var q = s.val();
            //     if (q == r || q == "") {
            //         return false
            //     } else {
            //         c("2")
            //     }
            //     return false
            // });
            
            $(".mbH-nav .mbH-menu-list > ul", top.document).off("click").on("click", "li", function(q) {
                q.preventDefault();
                q.stopPropagation();
                var u = $(this);
                var t = u.parent();
                if (u.hasClass("mbHActi")) {
                    u.removeClass("mbHActi")
                } else {
                    u.addClass("mbHActi")
                }
            })
        }();

        function toSearch(){
            window.location.href="search.html";
        }
    </script>
</body>

</html>